.layout-wrapper {
    position: relative;
    border: 1px dashed #999;
    min-height: 30px;

    .layout-tool-bar {
        // position: absolute;
        display: none;
        width: 100%;
        height: 30px;
        background: rgba(0, 0, 0, 0.1);
        line-height: 30px;
        z-index: 111;

        & > span {
            cursor: pointer;
            background: #ffffff;
            padding: 4px 8px;
            border: 5px;
            text-align: center;
            margin: 0 4px;
        }

        &.active {
            background: rgba(0, 0, 0, 0.4);
            display: block;
        }
    }

    &:hover {
        .layout-tool-bar {
            display: block;
        }
    }
}